<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const orders = [
  {
    id: 1,
    name: 'John Smith',
    address: '123 Main St',
    status: 'created',
    log: [
      {
        status: 'created',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 2,
    name: 'Jane Doe',
    address: '456 Second St',
    status: 'packed',
    log: [
      {
        status: 'created',
        time: '2023-02-16 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-16 12:30:00'
      }
    ]
  },
  {
    id: 3,
    name: 'Bob Johnson',
    address: '789 Third St',
    status: 'shipped',
    log: [
      {
        status: 'created',
        time: '2023-02-15 10:00:00'
      },
      {
        status: 'packed',
        time: '2023-02-15 12:00:00'
      },
      {
        status: 'shipped',
        time: '2023-02-16 9:00:00'
      }
    ]
  }
];
function getOrderStatusHistory(id){
   const arr =orders.filter(function(item){
    return item.id===id
    })

    const arr1=arr.map(function(item){
        let {log}=item
        // console.log(log);
        
        const log1=log.map(function(item){
            
            let {time,status}=item 
            // return [time,status]
            

            return `[${time}] ${status}`
        })
        // log1.forEach(function(item){          
        //     console.log(item.join(''));
        // })
        console.log(log1);
        // console.log(log1.join(''));
    })
    // console.log(arr1);
    // console.log(arr1);
    // arr1.forEach(function(item,index){
    //     console.log(item);
    //     // console.log(index);
    // })
}
getOrderStatusHistory(3)
    </script>
</body>
</html>